<template>
  <view class="box">
    <view class="tou topNoBg" :style="'padding-top:' + statusBarHeight1 + 'px'">
      <!-- <button type="default" @click="fn()">分享</button> -->
      <view
        style="
          position: relative;
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0 30rpx;
        "
      >
        <!--  #ifdef APP-PLUS -->
        <image
          class="image1"
          @click="fanhui"
          src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black_fanhui.png"
        >
        </image>
        <!-- #endif -->
        <!--  #ifndef APP-PLUS -->
        <image
          class="image1"
          v-if="beforePage != ''"
          @click="fanhui"
          src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black_fanhui.png"
        ></image>
        <image
          class="image1"
          v-else
          @click="shouye"
          style="width: 40rpx; height: 40rpx"
          src="https://pic.bangbangtongcheng.com/fc915aba003f4504a80d16c7a8c9b348"
        ></image>
        <!-- #endif -->
        <view class="titlett" v-if="userInfo.id == data.userId">我的主页</view>
        <view class="titlett" v-else>{{ data.title }}</view>
        <!--  #ifdef APP-PLUS -->
        <view class="fenxiang" @click="fn()">
          <image
            class="image2"
            style="top: 29rpx"
            src="https://pic.bangbangtongcheng.com/static/bbcz/share-icon.png"
            mode="widthFix"
          />
        </view>
        <!-- #endif -->
        <!--  #ifndef APP-PLUS -->
        <!-- <view class="fenxiang" @click="fn()">
					<image class="image2" style="top: 29rpx;" src="https://pic.bangbangtongcheng.com/static/bbcz/share-icon.png" mode="widthFix" />
				</view> -->
        <!-- #endif -->
      </view>
      <!-- <image class="image2" src="https://pic.bangbangtongcheng.com/static/bbcz/share-icon.png" mode="widthFix" /> -->
      <!-- <image class="image2" src="https://pic.bangbangtongcheng.com/static/xiaoxi.png" mode="widthFix" /> -->
    </view>
    <view
      class="topNoBg"
      :style="'padding-top:' + statusBarHeight1 + 'px'"
      style="height: 88rpx"
    ></view>
    <view class="tit_s">
      <view v-if="titIndex == 1 && swiperList.length > 0" class="banner">
        <swiper
          style="min-height: 0rpx; height: 300rpx"
          class="screen-swiper square-dot"
          :circular="true"
          :autoplay="true"
          indicator-active-color="#ffffff"
          interval="5000"
          duration="500"
          :current="current"
          @change="swiperC1"
        >
          <swiper-item
            v-for="(item, index) in swiperList"
            :key="index"
            @click="detailsAct(item.id)"
          >
            <image :src="imgUrl + item.img" mode="aspectFill" />
          </swiper-item>
        </swiper>
        <view class="editBanner" v-if="userInfo.id == data.userId" @click="editMyHomePage"
          >点击编辑内容</view
        >
      </view>
      <view v-if="titIndex == 2 && swiperList.length > 0" class="banner">
        <swiper
          style="min-height: 0rpx; height: 500rpx"
          class="screen-swiper square-dot"
          :circular="true"
          :autoplay="true"
          indicator-active-color="#ffffff"
          interval="5000"
          duration="500"
        >
          <swiper-item v-for="(item, index) in swiperList" :key="index">
            <image :src="imgUrl + item" mode="aspectFill" />
          </swiper-item>
        </swiper>
        <view class="editBanner" v-if="userInfo.id == data.userId" @click="editMyHomePage"
          >点击编辑内容</view
        >
      </view>
      <view
        v-if="swiperList && swiperList.length == 0"
        class="banner"
        @click="editMyHomePage"
        style="width: 100%; margin: 0rpx; background-color: #ebebed; height: 100%"
      >
        <view
          style="
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
          "
        >
          <image
            style="width: 58rpx; height: 50rpx"
            src="https://pic.bangbangtongcheng.com/static/MyHomePages/upload-images.png"
          ></image>
          <span
            style="
              display: block;
              font-weight: 400;
              font-size: 24rpx;
              color: #999999;
              margin-left: -10rpx;
            "
            >上传</span
          >
        </view>
      </view>
      <!-- <video v-if="titIndex == 3" :src="imgUrl + video"></video> -->
      <!-- <video v-if="titIndex == 3" :src="imgUrl + video"> -->
      <!-- #ifdef APP-PLUS -->
      <!-- <cover-view @click="titxuan(1)" class="videoS">
          图片</cover-view>
        <cover-image style="width: 40rpx;height: 40rpx;z-index: 1;position:fixed;top: 30px;left: 20px;" @click="fanhui"
          src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png">
        </cover-image> -->
      <!-- #endif -->
      <!-- </video> -->
      <view class="butbox">
        <!-- <view :class="titIndex == 3 ? 'but xuan' : 'but'" @click="titxuan(3)">视频</view> -->
        <!-- <view class="tu">
          <view :class="titIndex == 1 ? 'but xuan' : 'but'" @click="titxuan(1)">图片</view>
        </view> -->
        <view class="but" v-if="titIndex != 3 && swiperList.length">
          {{ current + 1 || '' }}/{{ swiperList.length || '' }}
        </view>
      </view>
    </view>
    <view class="jieshao" @click="open">
      <p class="p1">楼盘介绍</p>
      <p class="p2">{{ data.remarks || '' }}</p>
      <image
        style="width: 28rpx; height: 28rpx"
        class="image"
        src="https://pic.bangbangtongcheng.com/static/right-grey-arrow.png"
        mode=""
      ></image>
    </view>
    <view class="navInfo">
      <view
        class="navInfoItem"
        :class="item.num == TabCur ? 'cur' : ''"
        v-for="(item, index) in list"
        :key="item.num"
        @tap="tabSelect"
        :data-id="item.num"
      >
        <view
          class="navs"
          :style="
            item.num == TabCur
              ? 'border: 1rpx solid #0FA291;background: #E7F5F4;color: #0FA291;'
              : ''
          "
        >
          {{ item.name || '' }}
        </view>

        <!-- <image
          src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
          mode="widthFix"
          v-if="TabCur == index"
        />-->
      </view>
    </view>

    <view v-if="xuan == 0">
      <view class="xinxi">
        <view class="name">{{ data.title }}</view>
        <view class="xian_x"></view>
        <view class="list">
          <view style="width: 600rpx">
            <span style="color: #999999">开盘时间：</span>
            {{ data.starTime || '' }}
          </view>
          <view style="width: 600rpx">
            <span style="color: #999999">交房时间：</span>
            {{ data.giveTime || '' }}
          </view>
          <view style="width: 335rpx">
            <span style="color: #999999">起价：</span>
            {{ data.starPrice || '' }}
            <span>元/㎡</span>
          </view>
          <view style="width: 335rpx">
            <span style="color: #999999">均价：</span>
            {{ data.averagePrice || '' }}
            <span v-if="!isNaN(data.averagePrice)">元/㎡</span>
          </view>
          <view style="width: 335rpx">
            <span style="color: #999999">规划户数：</span>
            {{ data.householdsNum || '' }}户
          </view>
          <view style="width: 335rpx">
            <span style="color: #999999">规划车位：</span>
            {{ data.vehiclesNum || '' }}个
          </view>
          <view style="width: 335rpx">
            <span style="color: #999999">规划楼座数：</span>
            {{ data.buildingsNum || '' }}栋
          </view>
          <view style="width: 335rpx">
            <span style="color: #999999">物业费：</span>
            {{ data.propertyFee || '' }}元/㎡/月
          </view>
          <view style="width: 335rpx">
            <span style="color: #999999">产权年限：</span>
            {{ data.years || '' }}
          </view>
          <view style="width: 335rpx">
            <span style="color: #999999">容积率：</span>
            {{ data.plotRatio || '' }}%
          </view>
          <view style="width: 335rpx">
            <span style="color: #999999">绿化率：</span>
            {{ data.greenRate || '' }}%
          </view>
          <view style="width: 335rpx">
            <span style="color: #999999">占地面积：</span>
            {{ data.areaCovered || '' }}㎡
          </view>
          <view style="width: 335rpx">
            <span style="color: #999999">建筑面积：</span>
            {{ data.floorage || '' }}㎡
          </view>
          <view style="width: 600rpx">
            <span style="color: #999999">建筑类型：</span>
            {{ data.erectType || '' }}
          </view>
          <view style="width: 600rpx">
            <span style="color: #999999">投资商：</span>
            {{ data.investor || '' }}
          </view>
          <view style="width: 600rpx">
            <span style="color: #999999">物业公司：</span>
            {{ data.propertyCompany || '' }}
          </view>
          <view style="width: 600rpx">
            <span style="color: #999999">楼盘位置：</span>
            {{ data.address || '' }}
            <image
              class="dingwei"
              @click="openMap"
              src="https://pic.bangbangtongcheng.com/static/bbcz/daohang_01.png"
            />
          </view>
        </view>
      </view>
      <!-- <view class="xian_c"></view>
      <view class="xinxi">
        <view class="name">销售信息</view>
        <view class="xian_x"></view>
        <view>
          <view class="list" @click="information(data.id)">
            <view style="width: 600rpx">
              销售楼栋：共{{ data.buildingsNumbers }}栋
              <image class="rightImg" src="https://pic.bangbangtongcheng.com/static/you.png" />
            </view>
            <view style="width: 600rpx">
              销售户型：{{ data.houseTypeNum }}种户型
            </view>
          </view>
          <view class="xian_x"></view>
        </view>
      </view>
      <view class="xian_c"></view>
      <view class="xinxi">
        <view class="name">预售许可</view>
        <view class="xian_x"></view>
        <view v-for="(item, index) in preSalePermitData" :key="index">
          <view class="list">
            <view style="width: 600rpx">
              <span style="margin-right: 0rpx">预售证号：</span>
              {{item.presaleNo|| "" }}
            </view> 
            <view style="width: 600rpx">
              <span>发证时间：</span>
              {{ item.issuingTime || "" }}
            </view>
            <view style="width: 600rpx">
              <span>绑定楼号：</span>
              {{ item.boundBuilding || "" }}
            </view>
          </view>
          <view class="xian_x"></view>
        </view>
      </view>
	  <view class="xian_c"></view> -->
      <view class="mzsm" @click="open1">{{ disclaimers }}</view>
    </view>
    <view v-if="xuan == 1">
      <scroll-view
        scroll-x
        style="padding-top: 6rpx"
        class="nav"
        scroll-with-animation
        :scroll-left="scrollLeft"
      >
        <view
          class="cu-item view cu-item1"
          :class="index == TabCur1 ? 'text-green cur' : ''"
          v-for="(item, index) in list1"
          :key="index"
          @tap="tabSelect1"
          :data-id="index"
          style="font-size: 32rpx; padding: 0 18rpx; height: 90rpx; line-height: 90rpx"
        >
          {{ item.type || '' }}
          <image
            src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
            mode="aspectFit"
            v-if="TabCur1 == index"
          />
        </view>
      </scroll-view>
      <view class="list">
        <view class="li" v-for="(item, index) in houseList" :key="index" @click="hxdetails(item)">
          <image :src="imgUrl + item.image" mode="aspectFit" @click.stop="ViewImages(item.image)" />
          <view class="li_1">
            <view class="tit">{{ item.title || item.type }}</view>
            <view class="jiedao" style="margin-bottom: 12rpx; height: 36rpx"
              >建筑面积：{{ item.floorage }}㎡
            </view>
            <view class="jiedao" style="margin-bottom: 10rpx; height: 36rpx"
              >户型类别：{{ item.houseType }}
            </view>
            <view class="shijian">
              <span style="margin-right: 24rpx; color: #333333; font-size: 30rpx; font-weight: 600"
                >约{{ item.price }}万元</span
              >
            </view>
          </view>
        </view>
        <view v-if="houseList.length == 0" class="none">
          <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
          <view>没有更多数据了</view>
        </view>
      </view>
    </view>
    <view v-if="xuan == 2" style="min-height: 600rpx">
      <view class="mingpian" v-for="(item, index) in jjrList" :key="index">
        <view class="name" @click="detailjjr(item.userId)">
          {{ item.userName || item.nikeName }}
        </view>

        <image class="img1" @click="detailjjr(item.userId)" :src="item.userImage" />
        <view class="img2" v-if="item.userInfo.isShop == 1">商家</view>
        <view class="img2" v-else-if="item.userInfo.isShop == 0 && item.userInfo.isAgent == 1"
          >经纪人</view
        >
        <view class="img2" v-else>个人</view>
        <view class="xin">
          <image
            class="img3"
            v-for="(item1, index) in Number(item.scoreAvg)"
            :key="index"
            src="https://pic.bangbangtongcheng.com/static/xin_liang.png"
          />
          <image
            class="img3"
            v-for="(item1, index) in 5 - item.scoreAvg"
            :key="index"
            src="https://pic.bangbangtongcheng.com/static/xin_hui.png"
          />
        </view>
        <image
          class="img4"
          @click="chat(item.userId, item.userName || item.nikeName, item.image)"
          src="https://pic.bangbangtongcheng.com/static/xiaoxi_lan.png"
        />
        <image
          class="img5"
          @click.stop="getPhone(item.phone)"
          src="https://pic.bangbangtongcheng.com/static/dianhua_lan.png"
        />
        <view class="weigui" @click.stop="weigui(item.userId)">
          <p>{{ item.violation || 0 }}</p>
          <p style="color: #333333; font-size: 32rpx">违规次数</p>
          <image src="https://pic.bangbangtongcheng.com/static/you.png" />
        </view>
        <view class="bottom_b">
          <!-- #ifdef APP-PLUS -->
          <view class="but1" @click.stop="getPhone(data.shopPhone)">
            <image src="https://pic.bangbangtongcheng.com/static/dianhua_b.png" />拨打电话
          </view>
          <!-- #endif -->
          <!-- #ifndef APP-PLUS -->
          <view class="but1" @click.stop="onphone(data.shopPhone)">
            <image src="https://pic.bangbangtongcheng.com/static/dianhua_b.png" />拨打电话
          </view>
          <!-- #endif -->
          <view class="but2" @click="chat(data.userId, data.title, imgUrl + data.houseImage)"
            >在线聊天</view
          >
        </view>
      </view>
      <view v-if="jjrList.length == 0" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
    </view>
    <view v-if="xuan == 3">
      <view class="circle">
        <view
          class="circle_item"
          v-for="(item, index) in zxList"
          :key="item.id"
          @click="byqdetails(item.id)"
        >
          <view class="headPortrait" @click.stop="userfy(item)">
            <image
              class="img1"
              v-if="!item.userInfo.image"
              src="https://pic.bangbangtongcheng.com/static/my/header.png"
            />
            <image class="img1" :src="item.userInfo.image" v-else />
          </view>
          <view style="flex: 1">
            <view class="mingpians">
              <view class="mingpians_left">
                <view class="counselor">
                  <view class="counselor_top">
                    <view class="name">{{ item.userInfo.nikeName || '未命名用户' }}</view>
                  </view>
                  <text
                    class="vip-rank"
                    :style="{
                      color: $member.colors()[item.userInfo.memberLevel - 1].wordColor,
                      backgroundColor: $member.colors()[item.userInfo.memberLevel - 1].bgColor,
                      borderColor: $member.colors()[item.userInfo.memberLevel - 1].lineColor,
                    }"
                  >
                    {{ $member.colors()[item.userInfo.memberLevel - 1].level }}
                  </text>
                </view>
              </view>
              <view class="mingpians_right">
                <view class="item" @click.stop="guanzhu(item, index)">
                  <image
                    class="image1"
                    v-if="item.whetherCollection == 0"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/guanzhu.png"
                    mode=""
                  ></image>
                  <image
                    v-else
                    class="image1"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/guanzhu01.png"
                    mode=""
                  >
                  </image>
                  <view class="">
                    {{ item.whetherCollection == 0 ? '收藏' : '已收藏' }}
                  </view>
                </view>
              </view>
            </view>
            <view class="circle_center_wz">
              <view class="circle_center_wz_text">
                {{ item.content }}
              </view>
              <view class="circle_center_wz_img">
                <!-- 发布为图片 -->
                <template v-if="item.picture">
                  <view v-if="item.pictureArr.length == 1">
                    <image
                      class="circle_center_wz_imgss"
                      mode="heightFix"
                      :src="item.pictureArr[0]"
                      @click.stop="ViewImage(item.pictureArr, item.pictureArr[0])"
                    ></image>
                  </view>
                  <view
                    :class="
                      item.pictureArr.length > 2
                        ? 'circle_center_wz_imgss_d'
                        : 'circle_center_wz_imgss_ds'
                    "
                    v-else
                  >
                    <image
                      class="image"
                      v-for="(i, j) in item.pictureArr"
                      :src="i"
                      :key="j"
                      mode="aspectFill"
                      @click.stop="ViewImage(item.pictureArr, item.pictureArr[j])"
                    ></image>
                  </view>
                </template>
                <!-- 发布为视频 -->
                <template v-if="item.video">
                  <view class="circle_center_wz_img_vid" @click.stop="videoClick(item.video)">
                    <image
                      style="max-height: 290rpx"
                      :src="item.video + '?vframe/jpg/offset/0'"
                      mode="heightFix"
                    >
                    </image>
                    <image
                      class="images"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/mdlb-sp01.png"
                      mode=""
                    >
                    </image
                    ><strong></strong>
                  </view>
                </template>
              </view>
            </view>
            <view
              style="
                width: 100%;
                display: flex;
                align-items: center;
                margin-left: 30rpx;
                margin-top: 20rpx;
              "
              @click.stop="openMap(item)"
              v-if="item.detailedAddress"
            >
              <image
                style="width: 40rpx; height: 40rpx"
                src="https://pic.bangbangtongcheng.com/static/bbcz/dingwei01.png"
                mode=""
              ></image>
              <view
                style="
                  width: 500rpx;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                "
                >{{ item.detailedAddress.slice(3, item.detailedAddress.length) }}</view
              >
            </view>
            <view class="circle_bottom">
              <view class="circle_left">
                {{ $Time.getDateDiff(item.createDate) }}
              </view>
              <view class="circle_right">
                <view class="circle_right_item">
                  <image
                    class="image2"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/eye01.png"
                    mode=""
                  ></image
                  >{{ item.views || 0 }}
                </view>
                <view class="circle_right_item" @click.stop="dianzan(item, index, 1)">
                  <image
                    class="image3"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/dz01.png"
                    mode=""
                    v-if="item.whetherThumbsUp != 1"
                  ></image>
                  <image
                    class="image3"
                    src="https://pic.bangbangtongcheng.com/static/dz01.png"
                    mode=""
                    v-else
                  ></image>
                  {{ item.upThumb }}
                </view>
                <view class="circle_right_item" @click.stop="diancai(item, index, 2)">
                  <image
                    class="image3"
                    style="width: 38rpx; height: 36rpx"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/dc01.png"
                    mode=""
                    v-if="item.whetherThumbsDown != 1"
                  ></image>
                  <image
                    class="image3"
                    style="width: 38rpx; height: 36rpx"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/dc02.png"
                    mode=""
                    v-else
                  >
                  </image>
                  {{ item.downThumb }}
                </view>
                <view class="circle_right_item">
                  <image
                    class="image4"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/zf01.png"
                    mode=""
                  ></image
                  >{{ item.forwardingVolume }}
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view v-if="zxList.length == 0" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
      <view class="bottom" style="right: 0">
        <!-- <view class="but1" @click.stop="getPhone(data.shopPhone)">
		    <image src="https://pic.bangbangtongcheng.com/static/dianhua_b.png" />拨打电话
		  </view>
		  <view class="but2" @click="chat(data.userId, data.title, imgUrl + data.houseImage)">
		    <image src="https://pic.bangbangtongcheng.com/static/shoucang_b.png" />在线聊天
		  </view> -->
        <view class="bottom_left">
          <view class="img" @click="jubao(1)">
            <image src="https://pic.bangbangtongcheng.com/static/jubao.png" />
            <p>举报</p>
          </view>
          <view class="img" v-if="isCollection == 0" @click="collect(1)">
            <image src="https://pic.bangbangtongcheng.com/static/shoucang.png" />
            <p>收藏</p>
          </view>
          <view class="img" v-else @click="collect(2)">
            <image src="https://pic.bangbangtongcheng.com/static/ysc.png" />
            <p>已收藏</p>
          </view>
          <view class="img" @click.stop="openMap">
            <image src="https://pic.bangbangtongcheng.com/static/fei.png" />
            <p>导航</p>
          </view>
          <!-- #ifdef APP-PLUS -->
          <view class="img" @click.stop="getPhone(data.shopPhone)">
            <image src="https://pic.bangbangtongcheng.com/static/dianhua.png" />
            <p>电话</p>
          </view>
          <!-- #endif -->
          <!-- #ifndef APP-PLUS -->
          <view class="img" @click.stop="onphone(data.shopPhone)">
            <image src="https://pic.bangbangtongcheng.com/static/dianhua.png" />
            <p>电话</p>
          </view>
          <!-- #endif -->
        </view>
        <view class="but" @click="chat(data.userId, data.nikeName, imgUrl + data.houseImage)">
          <image
            style="width: 32rpx; height: 29rpx; margin-right: 10rpx"
            src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/chat.png"
          />在线聊天
        </view>
      </view>
      <!--  <view class="list_1">
        <view class="li" v-for="(item, index) in zxList" :key="index" @click="detailsAct(item.id)">
          <image :src="imgUrl + item.image" mode="aspectFit" />
          <view class="li_1">
            <view class="tit">{{ item.title }}</view>
          </view>
        </view>
        <view v-if="zxList.length == 0" class="none">
          <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
          <view>没有更多数据了</view>
        </view>
        <view class="bottom" style="right: 0;"> -->
      <!-- <view class="but1" @click.stop="getPhone(data.shopPhone)">
            <image src="https://pic.bangbangtongcheng.com/static/dianhua_b.png" />拨打电话
          </view>
          <view class="but2" @click="chat(data.userId, data.title, imgUrl + data.houseImage)">
            <image src="https://pic.bangbangtongcheng.com/static/shoucang_b.png" />在线聊天
          </view> -->
      <!-- <view class="img" style=" margin-top: 5px;" @click="jubao(1)">
		    <image src="https://pic.bangbangtongcheng.com/static/jubao.png" />
		    <p>举报</p> 
		  </view>
		  <view class="img" style=" margin-left: 32rpx;margin-top: 5px;" v-if="isCollection == 0" @click="collect(1)">
		    <image src="https://pic.bangbangtongcheng.com/static/shoucang.png" />
		    <p>收藏</p>
		  </view>
		  <view class="img" style=" margin-left: 32rpx;margin-top: 5px;" v-else @click="collect(2)">
		    <image src="https://pic.bangbangtongcheng.com/static/ysc.png" />
		    <p>已收藏</p> 
		  </view>
		  <view class="img" style="margin-left: 32rpx; margin-top: 5px" @click.stop="openMap">
		    <image src="https://pic.bangbangtongcheng.com/static/fei.png" />
		    <p>导航</p>
		  </view> -->
      <!-- #ifdef APP-PLUS -->
      <!-- <view class="img" style="margin-left: 54rpx; margin-top: 5px" @click.stop="getPhone(data.shopPhone)">
		    <image src="https://pic.bangbangtongcheng.com/static/dianhua.png" />
		    <p>电话</p>
		  </view> -->
      <!-- #endif -->
      <!-- #ifndef APP-PLUS -->
      <!-- <view class="img" style="margin-left: 54rpx; margin-top: 5px" @click.stop="onphone(data.shopPhone)">
		    <image src="https://pic.bangbangtongcheng.com/static/dianhua.png" />
		    <p>电话</p>
		  </view> -->
      <!-- #endif -->
      <!-- <view class="but"  @click="chat(data.userId, data.nikeName, imgUrl + data.houseImage)">在线聊天</view>
        </view>
      </view> -->
    </view>
    <view v-if="xuan == 4">
      <view class="xian"></view>
      <view class="list">
        <view class="li" v-for="(item, index) in fyList" :key="index" @click="details(item.id)">
          <image :src="imgUrl + item.house_image" mode="aspectFit" />
          <view class="li_1">
            <view class="tit">{{ item.title }}</view>
            <view class="jiedao">{{ item.region }}</view>
            <view class="shijian">
              <span
                style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
                v-if="item.price >= 10000"
                >{{ (item.price / 10000) | nums }}万</span
              >

              <span
                style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
                v-else
                >{{ item.price }}元</span
              >
              <span style="margin-right: 14rpx">{{ item.house_type }}</span>
              <span style>{{ item.AREA }}㎡</span>
            </view>
          </view>
        </view>
        <view v-if="fyList.length == 0" class="none">
          <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
          <view>没有更多数据了</view>
        </view>
        <view class="bottom_b">
          <!-- #ifdef APP-PLUS -->
          <view class="but1" @click.stop="getPhone(data.shopPhone)">
            <image src="https://pic.bangbangtongcheng.com/static/dianhua_b.png" />拨打电话
          </view>
          <!-- #endif -->
          <!-- #ifndef APP-PLUS -->
          <view class="but1" @click.stop="onphone(data.shopPhone)">
            <image src="https://pic.bangbangtongcheng.com/static/dianhua_b.png" />拨打电话
          </view>
          <!-- #endif -->
          <view class="but2" @click="chat(data.userId, data.title, imgUrl + data.houseImage)">
            <image src="https://pic.bangbangtongcheng.com/static/shoucang_b.png" />在线聊天
          </view>
        </view>
      </view>
    </view>
    <view v-if="xuan == 5">
      <view class="xinxi">
        <view class="name">预售许可</view>
        <view class="xian_x"></view>
        <view v-for="(item, index) in preSalePermitData" :key="index">
          <view class="list">
            <view style="width: 600rpx">
              <span style="margin-right: 0rpx">预售证号：</span>
              {{ item.presaleNo || '' }}
            </view>
            <view style="width: 600rpx">
              <span>发证时间：</span>
              {{ item.issuingTime || '' }}
            </view>
            <view style="width: 600rpx">
              <span>绑定楼号：</span>
              {{ item.boundBuilding || '' }}
            </view>
          </view>
          <view class="xian_x"></view>
        </view>
        <view v-if="preSalePermitData.length == 0" class="none">
          <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
          <view>没有更多数据了</view>
        </view>
      </view>
    </view>
    <view v-if="xuan == 6">
      <view class="xinxi">
        <view class="name">销售信息</view>
        <view class="xian_x"></view>
        <view>
          <view class="list" @click="information(data.id)">
            <view style="width: 600rpx">
              销售楼栋：共{{ data.buildingsNumbers }}栋
              <image class="rightImg" src="https://pic.bangbangtongcheng.com/static/you.png" />
            </view>
            <view style="width: 600rpx">
              销售户型：{{ data.houseTypeNum }}种户型
              <!-- <image class="rightImg" src="https://pic.bangbangtongcheng.com/static/you.png" /> -->
            </view>
          </view>
          <view class="xian_x"></view>
        </view>
      </view>
    </view>
    <view v-if="xuan == 7">
      <view class="zhaopin" style="overflow: hidden; height: 100%">
        <view class="list" style="">
          <view
            class="vacancy"
            v-for="(item, index) in recruitData"
            :key="index"
            @click="zpdetails(item)"
          >
            <view class="vehicleRecom">
              <span class="tagLabel">{{ item.recruitmentType == 1 ? '全职' : '兼职' }}</span>
              <span>{{ item.title }}</span>
            </view>
            <view class="vacancy_center">
              <view class="vacancy_status">
                <span>{{ item.region }}</span>
                <span>{{ item.positionCategory }}</span>
              </view>
              <view class="vacancy_price" v-if="item.recruitmentType == 1">{{
                item.salaryRange == '面议' ? '面议' : item.salaryRange + '元'
              }}</view>
              <view class="vacancy_price" v-else
                >{{ item.salaryRange.split(',').join('') }}&emsp;{{ item.settlementMethod }}</view
              >
            </view>
            <view class="vacancy_biaoq" v-if="item.fringeBenefits">
              <view class="vacancy_label">
                <view class="shade"> </view>
                <view class="label" v-for="(i, j) in item.fringeBenefits.split(',')" :key="j"
                  >{{ i }}
                </view>
              </view>
              <view class="gend" v-if="item.fringeBenefits.split(',').length > 4"> 更多> </view>
            </view>
            <view class="personalInformation">
              <view class="personalInformation_left">
                <view class="GR">
                  <image
                    class="personalInformation_image"
                    v-if="item.userInformationDto.image"
                    :src="item.userInformationDto.image"
                    mode=""
                  ></image>
                  <image
                    class="personalInformation_image"
                    v-else
                    src="https://pic.bangbangtongcheng.com/static/my/header.png"
                    mode=""
                  ></image>
                  <span class="name">{{
                    item.userInformationDto.nikeName
                      ? item.userInformationDto.nikeName
                      : '未命名用户'
                  }}</span>
                </view>
                <view class="GS" v-if="item.userInformationDto.enterpriseRecruitmentStatus">
                  <view class="personalInformation_image"></view>
                  <span class="corporation">{{ item.enterpriseName }}</span>
                </view>
              </view>
              <view class="personalInformation_right">
                <span class="personalInformation_Time">{{
                  $Time.getDateDiff(item.createDate)
                }}</span>
              </view>
            </view>
          </view>
          <view v-if="recruitData.length == 0" class="none">
            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
            <view>没有更多数据了</view>
          </view>
          <view class="down" v-show="recruitData.length != 0 && !downStatus">没有更多了</view>
          <view class="" style="height: 60px"></view>
        </view>
      </view>
    </view>
    <view class="bottom" v-if="[0, 1, 2, 5, 6, 7].indexOf(xuan) != -1">
      <view class="bottom_left">
        <view class="img" @click="jubao(1)">
          <image src="https://pic.bangbangtongcheng.com/static/jubao.png" />
          <p>举报</p>
        </view>
        <view class="img" v-if="isCollection == 0" @click="collect(1)">
          <image src="https://pic.bangbangtongcheng.com/static/shoucang.png" />
          <p>收藏</p>
        </view>
        <view class="img" v-else @click="collect(2)">
          <image src="https://pic.bangbangtongcheng.com/static/ysc.png" />
          <p>已收藏</p>
        </view>
        <view class="img" @click.stop="openMap">
          <image src="https://pic.bangbangtongcheng.com/static/fei.png" />
          <p>导航</p>
        </view>
        <!-- #ifdef APP-PLUS -->
        <view class="img" @click.stop="getPhone(data.shopPhone)">
          <image src="https://pic.bangbangtongcheng.com/static/dianhua.png" />
          <p>电话</p>
        </view>
        <!-- #endif -->
        <!-- #ifndef APP-PLUS -->
        <view class="img" @click.stop="onphone(data.shopPhone)">
          <image src="https://pic.bangbangtongcheng.com/static/dianhua.png" />
          <p>电话</p>
        </view>
        <!-- #endif -->
      </view>
      <view class="but" @click="chat(data.userId, data.nikeName, imgUrl + data.houseImage)">
        <image
          style="width: 32rpx; height: 29rpx; margin-right: 10rpx"
          src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/chat.png"
        />
        在线聊天
      </view>
    </view>

    <view class="zbc" v-if="zbc">
      <view class="tan">
        <view class="text">商家已将您标记为离职，是否同意？</view>
        <view class="xiao">稍后</view>
        <view class="tong">同意</view>
        <view class="guan" @click="guan">×</view>
      </view>
    </view>
    <previewImgV ref="previewImgV"></previewImgV>
    <uniBall></uniBall>
    <!-- <view-tabbar :selected="0"></view-tabbar> -->
  </view>
</template>

<script>
  import permision from '@/js_sdk/wa-permission/permission.js'
  import { mapGetters } from 'vuex'
  //#ifdef H5
  import wxshare from '../../utils/index.js'
  //#endif
  import Tabbar from '@/components/tabbar.vue'
  import previewImgV from '@/components/previewImgV.vue'
  export default {
    data() {
      return {
        zbc: false,
        xuan: 0,
        TabCur: 0,
        TabCur1: 0,
        scrollLeft: 0,
        video: '',
        imgUrl: this.$imgSrc,
        list: [
          {
            num: 0,
            name: '基础信息',
          },
          {
            num: 1,
            name: '户型介绍',
          },
          // {
          //   num: 2,
          //   name: "经纪人"
          // },
          {
            num: 5,
            name: '预售许可',
          },
          {
            num: 6,
            name: '销售信息',
          },
          {
            num: 3,
            name: '帮友圈',
          },
          {
            num: 7,
            name: '在招职位',
          },
        ],
        list1: [
          {
            valueNum: '',
            type: '全部',
          },
        ],
        swiperList: [],
        imgList: [],
        titIndex: 1,
        id: '',
        data: {},
        userInfo: uni.getStorageSync('Pduser'),
        current: 0,
        ysList: [],
        houseList: [],
        jjrList: [],
        zxList: [],
        fyList: [],
        typecount: 0,
        isCollection: 0,
        recruitData: [],
        preSalePermitData: [],
        carouselpage: {
          pageNo: 1,
          pageSize: 999,
          buildingsId: '',
          type: 2,
          auditStatus: '2',
        },
        beforePage: '',
        disclaimers: '',
        llindex: 1,
      }
    },
    components: {
      previewImgV: previewImgV,
    },
    components: {
      'view-tabbar': Tabbar,
    },
    filters: {
      nums(val) {
        return val.toFixed(2)
      },
      images(url) {
        let arr = url.split('')
        if (arr[0] == '/') {
          return this.imgUrl + url
        } else {
          return url
        }
      },
    },
    computed: {
      ...mapGetters(['statusBarHeight1']),
    },
    onLoad(options) {
      this.id = options.id
      if (options.showTab == 7) {
        this.TabCur = 7
        this.xuan = 7
      }
      this.Disclaimers()
      this.getData()
      this.getType()
      this.getTypeList()
      this.getIsCollection()
      // this.preSalePermit();
      this.getTalesIssued()
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
      /* #ifndef APP-PLUS */
      var pages = getCurrentPages() //当前页
      if (pages.length >= 2) {
        this.beforePage = pages[pages.length - 1].route //上个页面、
      }
      /* #endif */
    },
    methods: {
      editMyHomePage() {
        uni.navigateTo({
          url: '/pages_owner/editMyHomePage',
        })
      },
      getRecruit() {
        let that = this
        this.$myRequest
          .get('/api/mobile/personnelOwner/getRecruitmentPosition', {
            userId: this.data.userId,
          })
          .then((res) => {
            this.recruitData = res.recruitment.pageList
          })
      },
      // 点击会员
      goMyLevel() {
        uni.navigateTo({
          url: '/pages_my/bangClub',
        })
      },
      // 免责声明
      Disclaimers() {
        this.$myRequest
          .get('/api/mobile/public/getDisclaimersByDisclaimerLocation', {
            disclaimerLocation: '3',
          })
          .then((res) => {
            this.disclaimers = res.Disclaimers.disclaimerContent
          })
      },
      hxdetails(item) {
        uni.navigateTo({
          url: '/pages_houses/houses/houseType?id=' + item.id,
        })
      },
      ViewImages(url) {
        let arr = []
        arr.push(url)
        uni.previewImage({
          current: url,
          urls: arr,
        })
      },
      async userfy(item) {
        if (!this.showLogin()) {
          return
        }
        let yy = await this.getjjr(item.userInfo.id)
        if (yy.businessType == 1 && yy.shopType == 2 && yy.isShop == 1) {
          uni.navigateTo({
            url: '/pages_houses/houses/housesDetails?id=' + yy.buildingId,
          })
          return
        }
        if (yy.businessType == 0 && yy.enterpriseRecruitmentStatus == 1) {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' + yy.id,
          })
          return
        }
        uni.navigateTo({
          url: '/pages_owner/dealer/goldConsultant?userId=' + item.userInfo.id,
        })
      },
      async getjjr(id) {
        let that = this
        let data = {}
        await this.$myRequest
          .get('/api/mobile/public/getPersonalHome', {
            otherId: id,
            ownerId: this.userInfo.id,
          })
          .then((res) => {
            data = res.personalHomeData
          })
        return data
      },
      byqdetails(id) {
        uni.navigateTo({
          url: '/pages_owner/my/friendsCircleDetails?id=' + id,
        })
      },
      // 获取轮播数据
      getTalesIssued() {
        this.carouselpage.buildingsId = this.id
        this.$myRequest.get('/mob/user/getTalesPromotion', this.carouselpage).then((data) => {
          let img = []
          data.list.forEach((v) => {
            img.push({
              id: v.id,
              img: v.image,
            })
          })
          this.swiperList = img
        })
      },
      // 获取预售许可
      // preSalePermit(){
      //   this.$myRequest.get("/mob/home/querySellingLicense",{
      //     buildingsId:this.id
      //   }).then((data) => {
      //     if (data.code == 200) {
      //       this.preSalePermitData=data.sellingLicense
      //     }
      //   });
      // },
      async getPhone(phone) {
        this.onphone(phone)
      },

      //分享
      // fn(){
      //  uni.share({
      //  	provider: "weixin",
      //  	scene: "WXSceneSession",
      //  	type: 0,
      // href:"https://www.bangbangtongcheng.com/conven_web/#/pages/houses/housesDetails?id="+this.id,
      // img:'https://pic.bangbangtongcheng.com/static/fanhui_bai.png',
      //  	summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
      //  	success: function (res) {
      //  		console.log("success:" + JSON.stringify(res));
      //  	},
      //  	fail: function (err) {
      //  		console.log("fail:" + JSON.stringify(err));
      //  	}
      //  });
      // },
      open() {
        uni.showModal({
          // title: '友情提示',
          showCancel: false,
          content: this.data.remarks,
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定')
            } else if (res.cancel) {
              console.log('用户点击取消')
            }
          },
        })
      },
      open1() {
        uni.showModal({
          // title: '友情提示',
          showCancel: false,
          content: this.disclaimers,
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定')
            } else if (res.cancel) {
              console.log('用户点击取消')
            }
          },
        })
      },
      fn() {
        console.log('点击分享')
        // console.log(this.data.title,'发送的标题')
        uni.showActionSheet({
          itemList: ['分享到微信好友', '分享到微信朋友圈'],
          success: (res) => {
            this.addIntegral(3)
            console.log(res)
            let wsxcene = null
            if (res.tapIndex == 0) {
              wsxcene = 'WXSceneSession'
              uni.share({
                provider: 'weixin',
                scene: wsxcene,
                type: 5,
                title: this.data.title,
                // href: "https://www.bangbangtongcheng.com/conven_web/#/pages/houses/housesDetails?id=" +
                //   this.id,
                imageUrl: this.imgList[0],
                miniProgram: {
                  id: 'gh_c8b17811efca',
                  path: 'pages_houses/houses/housesDetails?id=' + this.id,
                  type: 0,
                  webUrl:
                    'https://www.bangbangtongcheng.com/conven_web/#/pages_houses/houses/housesDetails?id=' +
                    this.id,
                },
                // summary: "我正在看，" + this.data.title + "赶紧跟我一起来查看！",
                success: function (res) {
                  console.log('success:' + JSON.stringify(res))
                },
                fail: function (err) {
                  console.log('fail:' + JSON.stringify(err))
                },
              })
            } else {
              // wsxcene = "WXSceneTimeline";
              // uni.share({
              //   provider: "weixin",
              //   scene: wsxcene,
              //   type: 0,
              //   title: this.data.title,
              //   href: "https://www.bangbangtongcheng.com/conven_web/#/pages/houses/housesDetails?id=" +
              //     this.id,
              //   imageUrl: this.imgList[0],
              //   summary: "我正在看，" + this.data.title + "赶紧跟我一起来查看！",
              //   success: function (res) {
              //     console.log("success:" + JSON.stringify(res));
              //   },
              //   fail: function (err) {
              //     console.log("fail:" + JSON.stringify(err));
              //   }
              // });
              uni.downloadFile({
                url: this.imgList[0], //仅为示例，并非真实的资源
                success: (res) => {
                  if (res.statusCode === 200) {
                    let name = res.tempFilePath.substr(res.tempFilePath.lastIndexOf('/') + 1) //截取文件名
                    plus.zip.compressImage(
                      {
                        src: res.tempFilePath, //下载完图片的临时路径
                        dst: '_doc/photoData/' + name, //存储压缩完图片的临时路径
                        overwrite: true, //再次压缩会覆盖掉上次的目录
                        width: '150px', //缩放图片的宽度
                        height: '100px', //缩放图片的高度
                        quality: 5, //压缩图片质量,值越低,图片占内存越低
                      },
                      (event) => {
                        //压缩成功
                        wsxcene = 'WXSceneTimeline'
                        uni.share({
                          provider: 'weixin',
                          scene: wsxcene,
                          type: 0,
                          title: this.data.title,
                          href:
                            'https://www.bangbangtongcheng.com/conven_web/#/pages_houses/houses/housesDetails?id=' +
                            this.id,
                          imageUrl: event.target,
                          summary: '我正在看，' + this.data.title + '赶紧跟我一起来查看！',
                          success: function (res) {
                            console.log('success:' + JSON.stringify(res))
                          },
                          fail: function (err) {
                            console.log('fail:' + JSON.stringify(err))
                          },
                        })
                      },
                      (error) => {
                        //压缩失败
                        uni.showToast({
                          title: '压缩失败',
                          icon: 'none',
                        })
                      }
                    )
                  }
                },
              })
            }
          },
          fail: function (res) {
            console.log(res.errMsg)
          },
        })
      },

      getData(status) {
        let that = this
        this.$myRequest
          .get('/mob/user/getBuildingsDetail', {
            id: this.id,
            userId: this.userInfo.id || '',
          })
          .then((res) => {
            console.log(res)
            // let re = /^([0-9]+\.?[0-9]*|-[0-9]+\.?[0-9]*)$/;
            // if(!re.test($.trim(res.buildingsInfo.averagePrice))){
            // 	res.buildingsInfo.averagePriceChage=false
            // }else{
            // 	res.buildingsInfo.averagePriceChage=true
            // }
            this.data = res.buildingsInfo
            if (this.llindex == 1) {
              this.lljl()
            }
            this.imgList = res.buildingsInfo.showImg.split('|')
            if (res.buildingsInfo.houseTypeImage) {
              this.swiperList1 = res.buildingsInfo.houseTypeImage.split('|')
            }
            //this.isCollection = res.isCollection;
            this.video = res.buildingsInfo.showVideo
            if (res.buildingsInfo.permit) {
              if (JSON.parse(decodeURI(res.buildingsInfo.permit)).length > 0) {
                console.log(JSON.parse(decodeURI(res.buildingsInfo.permit)))
                this.ysList = JSON.parse(decodeURI(res.buildingsInfo.permit))
              }
            }
            this.preSalePermitData = res.sellingLicense
            this.getRecruit()
          })
      },
      getIsCollection() {
        this.$myRequest
          .get('/mob/user/getIsCollection', {
            userId: this.userInfo.id || '',
            cbType: 5,
            type: 1,
            relationId: this.id,
          })
          .then((res) => {
            if (res.code == 200) {
              this.isCollection = res.isCollection
            }
          })
      },
      lljl() {
        if (this.data.userId == this.userInfo.id) {
          return
        }
        this.$myRequest
          .post('/mob/user/saveUserCollection', {
            userId: this.userInfo.id || '',
            type: 2,
            cbType: 5,
            relationId: this.id,
          })
          .then((res) => {
            this.llindex = 2
          })
      },
      titxuan(index) {
        this.titIndex = index
      },
      chat(receiver, nikeName, img) {
        if (!this.userInfo.phone) {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
        uni.navigateTo({
          url: `/pages/news/chat1?receiver=${receiver}&img=${img}&nikeName=${nikeName}`,
        })
      },
      information(id) {
        uni.navigateTo({
          url: `/pages_houses/houses/information?id=${id}`,
        })
      },
      onphone(phone) {
        console.log(phone, 1)
        if (!this.userInfo.phone) {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
        if (phone != undefined) {
          this.$myRequest
            .post('/mob/user/call', {
              userId: this.userInfo.id,
              telephoneNumber: phone,
              associationId: this.data.id,
              type: 2,
            })
            .then((res) => {})
          uni.makePhoneCall({
            // 手机号
            phoneNumber: phone,
            // 成功回调
            success: (res) => {
              console.log('调用成功!')
            },

            // 失败回调
            fail: (res) => {
              console.log('调用失败!')
            },
          })
        }
      },
      jubao() {
        if (this.userInfo.id != undefined) {
          uni.navigateTo({
            url:
              '/pages_houses/housing/informer?id=' + this.data.userId + '&houseId=' + this.id + '|',
          })
        } else {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
      },
      collect(type) {
        if (this.userInfo.id != undefined) {
          if (type == 1) {
            this.$myRequest
              .post('/mob/user/saveUserCollection', {
                userId: this.userInfo.id,
                type: 1,
                cbType: 5,
                relationId: this.id,
              })
              .then((data) => {
                if (data.code == 200) {
                  this.isCollection = 1
                  uni.showToast({
                    title: data.msg,
                    icon: 'none',
                    mask: true,
                  })
                  this.addIntegral(5, '收藏楼盘')
                }
              })
          } else {
            this.$myRequest
              .post('/mob/user/saveUserCollection', {
                userId: this.userInfo.id,
                type: 1,
                cbType: 5,
                relationId: this.id,
                cancel: 1,
              })
              .then((data) => {
                if (data.code == 200) {
                  this.isCollection = 0
                  uni.showToast({
                    title: data.msg,
                    icon: 'none',
                    mask: true,
                  })
                }
              })
          }
        } else {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
      },

      // 增加帮帮豆
      addIntegral(val, title) {
        this.$myRequest
          .post('/mob/iteration/addIntegral', {
            userId: this.userInfo.id,
            ruleNumber: val,
            title: title || '转发楼盘',
          })
          .then((res) => {})
      },

      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.setWxShare(re.data)
          },
        })
      },
      setWxShare(data) {
        let _this = this
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData', 'openLocation'],
        })
        wxshare.ready(function () {
          _this.addIntegral(3)
          //分享给朋友
          // console.log("aaaaaaaa");
          wxshare.updateAppMessageShareData({
            title: _this.data.title, // 分享标题
            desc: _this.data.remarks, // 分享描述
            link: `https://www.bangbangtongcheng.com/conven_web/#/pages_houses/houses/housesDetails?id=${_this.id}`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg', // 分享图标
            success: function () {
              //分享成功回调
            },
            cancel: function () {
              //取消分享回调
            },
          })
          wxshare.updateTimelineShareData({
            title: _this.data.title, // 分享标题
            desc: _this.data.remarks, // 分享描述
            link: `https://www.bangbangtongcheng.com/conven_web/#/pages_houses/houses/housesDetails?id=${_this.id}`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg', // 分享图标
            success: function () {},
            cancel: function () {},
          })
        })
      },
      onShareAppMessage: function (res) {
        let that = this
        // console.log(that.imgUrl + that.data.logo);
        if (res.from === 'menu') {
          // 来自页面内分享按钮
          // console.log(res);
        }
        return {
          title: that.data.title,
          path: '/pages_houses/houses/housesDetails?id=' + that.id,
          desc: '找房就用帮帮同城',
          imageUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg',
        }
      },
      onShareTimeline() {
        return {
          title: that.data.title,
          path: '/pages_houses/houses/housesDetails?id=' + that.id,
          imageUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg',
        }
      },
      // jinzhifx(data) {
      //   wxshare.config({
      //     debug: false, //是否打开调试
      //     appId: data.appId, // 公众号的唯一标识
      //     timestamp: data.timestamp, // 生成签名的时间戳
      //     nonceStr: data.nonce, // ，生成签名的随机串
      //     signature: data.signature, // 签名
      //     jsApiList: ["hideMenuItems"]
      //   });
      //   // 禁止分享
      //   wxshare.hideMenuItems({
      //     // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
      //     menuList: [
      //       "menuItem:share:appMessage",
      //       "menuItem:share:timeline",
      //       "menuItem:share:timeline",
      //       "menuItem:share:qq",
      //       "menuItem:favorite",
      //       "menuItem:share:QZone",
      //       "menuItem:openWithSafari"
      //     ]
      //   });
      // },
      openMaps(item) {
        let that = this
        /* #ifdef H5 */
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            uni.hideLoading()
            wxshare.config({
              debug: false, //是否打开调试
              appId: re.data.appId, // 公众号的唯一标识
              timestamp: re.data.timestamp, // 生成签名的时间戳
              nonceStr: re.data.nonce, // ，生成签名的随机串
              signature: re.data.signature, // 签名
              jsApiList: ['openLocation'],
            })
            wxshare.ready(function () {
              wxshare.openLocation({
                latitude: Number(item.latitude), //目的地latitude
                longitude: Number(item.longitude), //目的地longitude
                // name: that.data.title,
                // address: that.data.address,
                scale: 15, //地图缩放大小，可根据情况具体调整
              })
            })
          },
        })
        /* #endif */
        /* #ifndef H5 */
        uni.openLocation({
          latitude: Number(item.latitude),
          longitude: Number(item.longitude),
          name: item.detailedAddress,
          success: function () {
            console.log('success')
          },
        })
        /* #endif */
      },
      openMap() {
        // console.log(this.data.latitude, this.data.longitude);
        let that = this
        /* #ifdef H5 */
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            // var longitude = latitude;
            // var latitude = latitude;
            // that.setWxShare(re.data)
            uni.hideLoading()
            wxshare.config({
              debug: false, //是否打开调试
              appId: re.data.appId, // 公众号的唯一标识
              timestamp: re.data.timestamp, // 生成签名的时间戳
              nonceStr: re.data.nonce, // ，生成签名的随机串
              signature: re.data.signature, // 签名
              jsApiList: ['openLocation'],
            })
            wxshare.ready(function () {
              wxshare.openLocation({
                latitude: Number(that.data.latitude), //目的地latitude
                longitude: Number(that.data.longitude), //目的地longitude
                name: that.data.title,
                address: that.data.address,
                scale: 15, //地图缩放大小，可根据情况具体调整
              })
            })
          },
        })
        /* #endif */
        /* #ifndef H5 */
        uni.openLocation({
          latitude: Number(that.data.latitude),
          longitude: Number(that.data.longitude),
          name: that.data.address,
          success: function () {
            console.log('success')
          },
        })
        /* #endif */
      },

      getFy() {
        let that = this
        this.$myRequest
          .get('/mob/user/getHousesSale', {
            pageSize: '999',
            pageNo: '1',
            shopId: this.data.shopId,
            examineStatus: '2',
            upStatus: '1',
            isLZ: '0',
          })
          .then((res) => {
            this.fyList = res.list
          })
      },
      getZx() {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getHelpingFriendsCircle', {
            pageSize: 9999,
            pageNo: 1,
            storeId: this.data.shopId,
            userId: this.userInfo.id,
            businessType: 1,
          })
          .then((res) => {
            res.helpingFriendsCircle.pageList.forEach((item) => {
              if (item.picture) {
                let arr = item.picture.split('|')
                let pictureArr = []
                arr.forEach((el) => {
                  pictureArr.push(el)
                })
                item.pictureArr = pictureArr
              }
            })
            this.zxList = res.helpingFriendsCircle.pageList
          })
        //      let that = this;
        //      this.$myRequest
        //        .get("/mob/user/getTalesPromotion", {
        //          pageSize: "999",
        //          pageNo: "1",
        //          auditStatus: "2",
        //          buildingsId: this.id,
        // type:1,
        //        })
        //        .then(res => {
        //          this.zxList = res.list;
        //        });
      },
      ViewImage(url, urls) {
        uni.previewImage({
          urls: url,
          current: urls,
        })
      },
      videoClick(e) {
        this.$refs.previewImgV.open(e)
      },
      // 关注帮友圈
      guanzhu(item) {
        if (!this.showLogin()) {
          return
        }
        let that = this
        this.$myRequest
          .post('/api/mobile/vehicleOwner/collectionOrCancelCollection', {
            collectorId: this.userInfo.id,
            relationId: item.id,
            collectionType: '3',
            ids: item.collectionAttention ? item.collectionAttention.id : '',
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            if (item.whetherCollectio == 0) {
              this.addIntegral(5, '关注帮友圈')
            }
            this.getZx()
          })
      },
      // 点赞帮友圈
      dianzan(item, index, pd) {
        if (!this.showLogin()) {
          return
        }
        let that = this
        let data = {}
        if (item.whetherThumbsUp != 1) {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            type: pd,
          }
        } else {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            id: item.likeRecord ? item.likeRecord.id : '',
            type: pd,
          }
        }
        this.$myRequest.post('/api/mobile/vehicleOwner/upperOrCancelThumb', data).then((res) => {
          uni.showToast({
            title: res.msg,
            icon: 'none',
            mask: true,
          })
          if (item.whetherThumbsUp == 0) {
            this.addIntegral(6, '点赞')
          }
          this.getZx()
        })
      },
      diancai(item, index, pd) {
        if (!this.showLogin()) {
          return
        }
        let that = this
        let data = {}
        if (item.whetherThumbsDown != 1) {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            type: pd,
          }
        } else {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            id: item.likeRecord ? item.likeRecord.id : '',
            type: pd,
          }
        }
        this.$myRequest.post('/api/mobile/vehicleOwner/downOrCancelThumb', data).then((res) => {
          uni.showToast({
            title: res.msg,
            icon: 'none',
            mask: true,
          })
          this.getZx()
        })
      },
      getjjrList() {
        let that = this
        this.$myRequest
          .get('/mob/user/getAgentInfoList', {
            pageSize: '999',
            pageNo: '1',
            shopId: this.data.shopId,
            dutyStatus: '1',
            status: '1',
          })
          .then((res) => {
            res.page.list.forEach((el) => {
              if (el.userImage) {
                let arr = el.userImage.split('')
                if (arr[0] == '/') {
                  el.userImage = that.imgUrl + el.userImage
                }
              }
            })
            this.jjrList = res.page.list
          })
      },
      detailjjr(id) {
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url: '/pages_owner/dealer/goldConsultant?userId=' + id,
        })
      },
      getTypeList() {
        let that = this
        this.$myRequest
          .get('/mob/user/getHouseType', {
            pageSize: '999',
            pageNo: '1',
            buildingsId: this.id,
            auditStatus: '2',
            houseType: this.list1[this.TabCur1].valueNum,
          })
          .then((res) => {
            this.typecount = res.page.count
            res.page.list.forEach((el) => {
              el.image = el.image.split('|')[0]
            })
            this.houseList = res.page.list
          })
      },
      getType() {
        let that = this
        this.$myRequest
          .get('/mob/user/getHouseTypeByBuildingId', {
            // pageNo: 1,
            // pageSize: 10,
            buildingId: this.id,
          })
          .then((res) => {
            if (res.data) {
              res.data.forEach((el) => {
                that.list1.push({
                  valueNum: el.type,
                  type: el.type,
                })
              })
            }
          })
      },
      tabSelect(e) {
        this.TabCur = e.currentTarget.dataset.id
        this.xuan = e.currentTarget.dataset.id
        this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
        if (this.TabCur == 2) {
          this.getjjrList()
        } else if (this.TabCur == 3) {
          this.getZx()
        } else if (this.TabCur == 4) {
          this.getFy()
        }
      },
      tabSelect1(e) {
        this.TabCur1 = e.currentTarget.dataset.id
        this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
        this.getTypeList()
      },
      swiperC1(e) {
        this.current = e.detail.current
      },
      xuanzhong(num) {
        console.log(num)

        this.xuan = num
        console.log(this.xuan)
      },
      fanhui() {
        uni.navigateBack({
          delta: 1,
        })
      },
      shouye() {
        uni.switchTab({
          url: '/pages/index/index',
        })
      },
      sousuo() {
        uni.navigateTo({
          url: '/pages_search/search',
        })
      },
      bannerD(id) {
        if (id == undefined) {
          uni.navigateTo({
            url: '/pages/index/bannerDetails?id=' + id,
          })
        } else {
          uni.navigateTo({
            url: '/pages_index/Watch/index',
          })
        }
      },
      weigui(id) {
        uni.navigateTo({
          url: '/pages_intermediary/illegalBehavior?id=' + id + '&index=1',
        })
      },
      guan() {
        this.zbc = false
      },
      tiaozhuan(num) {
        if (num == 1) {
          uni.navigateTo({
            url: '/pages_houses/housing/index',
          })
        } else if (num == 2) {
          uni.navigateTo({
            url: '/pages/index/bannerDetails',
          })
        } else if (num == 3) {
          uni.navigateTo({
            url: '/pages/intermediary/index',
          })
        }
      },
      detailsAct(id) {
        uni.navigateTo({
          url: '/pages_houses/houses/activityDetail?id=' + id,
        })
      },
      detailsht(id) {
        uni.navigateTo({
          url: '/pages_houses/houses/HouseTypeDetail?id=' + id,
        })
      },
      details(id) {
        uni.navigateTo({
          url: '/pages_houses/housing/used/houseDetails?id=' + id,
        })
      },
    },
  }
</script>

<style lang="less" scoped>
  page {
    background: #f5f7f9;
  }

  .xian_c {
    width: 100%;
    height: 20rpx;
    background-color: #f2f2f2;
  }

  .circle {
    margin: 0 30rpx;
    margin-top: 30rpx;

    .circle_item {
      width: 690rpx;
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 30rpx;
      display: flex;

      .headPortrait {
        width: 90rpx;
        height: 90rpx;
        position: relative;

        .img1 {
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }

        .img2 {
          position: absolute;
          bottom: -14rpx;
          left: 50%;
          transform: translateX(-50%);
          width: 100rpx;
          height: 40rpx;
          background-image: url('https://pic.bangbangtongcheng.com/static/bbcz/jpgw01.png');
          background-size: 100% 120%;
          font-size: 24rpx;
          color: #fff;
          text-align: center;
          line-height: 40rpx;
        }
      }

      .mingpians {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .mingpians_left {
          display: flex;

          /* margin-left: 30rpx; */
          .counselor {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-left: 23rpx;
            height: 130rpx;

            .counselor_top {
              display: flex;
              align-items: center;
              width: 360rpx;

              .name {
                font-size: 28rpx;
                font-weight: 550;
                color: #333333;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
              }

              .attention {
                display: flex;
                margin-left: 12rpx;
                font-size: 28rpx;
                font-weight: 400;
                color: #333333;

                .img4 {
                  width: 41rpx;
                  height: 41rpx;
                  margin-right: 4rpx;
                }
              }
            }

            .counselor_bottom {
              display: flex;
              font-size: 28rpx;
              font-weight: 400;
              color: #333333;

              .img3 {
                width: 31rpx;
                height: 31rpx;
                margin-left: 5rpx;
              }
            }
          }
        }

        .mingpians_right {
          .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            .image1 {
              width: 44rpx;
              height: 44rpx;
            }
          }
        }
      }

      .circle_center {
        width: 630rpx;
        height: 290rpx;
        border-radius: 18rpx;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 24rpx;
      }

      .circle_center_wz {
        margin-left: 30rpx;
        margin-top: 20rpx;

        .circle_center_wz_text {
          font-size: 32rpx;
          font-weight: 500;
          color: #333333;
          overflow: hidden;
          word-wrap: break-word;
          word-break: break-all;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
        }

        .circle_center_wz_img {
          margin-top: 20rpx;

          .circle_center_wz_imgss {
            width: 100%;
            height: 290rpx;
            /* border-radius: 18rpx; */
          }

          .circle_center_wz_imgss_d {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            /* justify-content: space-between; */

            .image {
              width: 170rpx;
              height: 170rpx;
              border-radius: 10rpx;
              margin-bottom: 8rpx;
              margin-right: 8rpx;
            }
          }

          .circle_center_wz_imgss_ds {
            display: flex;
            align-items: center;
            flex-wrap: wrap;

            .image {
              width: 170rpx;
              height: 170rpx;
              margin-right: 10rpx;
              border-radius: 10rpx;
              margin-bottom: 10rpx;
            }
          }

          .circle_center_wz_img_vid {
            /* max-width: 630rpx; */
            /* max-height: 290rpx; */
            position: relative;
            display: inline-block;

            image {
              max-width: 550rpx;
            }

            .images {
              width: 74rpx;
              height: 74rpx;
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              max-width: 550rpx;
            }
          }
        }
      }

      .circle_bottom {
        margin-top: 30rpx;
        margin-left: 30rpx;
        margin-bottom: 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .circle_left {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
        }

        .circle_right {
          display: flex;
          align-items: center;

          .circle_right_item {
            display: flex;
            align-items: center;
            margin-right: 20rpx;
            height: 37rpx;
            color: #64b6a8;

            .image2 {
              width: 32rpx;
              height: 30rpx;
              margin-right: 4rpx;
            }

            .image3 {
              width: 32rpx;
              height: 30rpx;
              margin-right: 4rpx;
            }

            .image4 {
              width: 34rpx;
              height: 34rpx;
              margin-right: 4rpx;
            }
          }

          .circle_right_item:last-child {
            margin-right: 0;
          }
        }
      }
    }
  }

  .navs {
    // padding: 0 8rpx;
    // height: 57rpx;
    // line-height: 57rpx;
    // background: #f2f2f2;
    // color: #333;
    // border-radius: 6rpx;
    background: #ffffff;
    border-radius: 10rpx;
    border: 1rpx solid #999999;
    padding: 14rpx 8rpx;
  }

  .navInfo {
    display: flex;
    justify-content: space-around;
    align-items: center;
    overflow-x: auto;
    width: 710rpx;
    margin: 0rpx auto;
    font-size: 24rpx;
    color: #666666;
  }

  .nav {
    height: 90rpx;
    line-height: 90rpx;
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
    overflow-x: auto;
  }

  .xinxi {
    position: relative;
    width: 710rpx;
    margin-top: 20rpx;
    margin-left: 20rpx;
    background: white;
    border-radius: 20rpx;
    overflow: hidden;

    .name {
      margin-top: 30rpx;
      font-size: 34rpx;
      color: #333333;
      margin-left: 30rpx;
      font-weight: 600;
    }

    .xian_x {
      margin-top: 30rpx;
      height: 2rpx;
      background-color: #e0e0e0;
      margin-left: 30rpx;
      margin-right: 30rpx;
    }

    .list {
      width: 100%;
      margin-top: 24rpx;

      view {
        display: inline-block;
        position: relative;
        margin-bottom: 20rpx;

        .dingwei {
          width: 40rpx;
          height: 40rpx;
          vertical-align: middle;
          margin-left: 20rpx;
        }
      }

      .rightImg {
        position: absolute;
        top: 50rpx;
        transform: translateY(-50%);
        width: 12rpx;
        height: 24rpx;
        right: 0;
      }

      .zixun {
        position: absolute;
        top: 110rpx;
        right: 30rpx;
        line-height: 20rpx;
        color: #349a88;

        image {
          position: absolute;
          top: 0rpx;
          width: 12rpx;
          height: 24rpx;
          margin-left: 20rpx;
        }
      }
    }
  }

  .videoS {
    width: 15%;
    height: 36rpx;
    background-color: #ffffff;
    z-index: 1;
    position: absolute;
    bottom: 40rpx;
    left: 43%;
    text-align: center;
    line-height: 30rpx;
    border-radius: 25px;
    font-size: 20rpx;
    /* background: url("https://pic.bangbangtongcheng.com/static/name.png"); */
  }

  .tit_s {
    position: relative;
    width: 710rpx;
    height: 300rpx;
    border-radius: 20rpx;
    margin: 0rpx auto;
    overflow: hidden;

    .banner {
      position: relative;

      .editBanner {
        position: absolute;
        width: 176rpx;
        height: 50rpx;
        text-align: center;
        line-height: 50rpx;
        background: #0fa291;
        border-radius: 25rpx;
        font-size: 24rpx;
        color: #ffffff;
        right: 20rpx;
        top: 30rpx;
      }
    }

    video {
      width: 100%;
      height: 500rpx;
      max-width: 100%;
      max-height: 500rpx;
    }

    .butbox {
      position: absolute;
      // left: 263rpx;
      right: 20rpx;
      bottom: 20rpx;
      z-index: 100;

      .tu {
        display: inline-block;
        width: 130rpx;
        height: 50rpx;
        border-radius: 30rpx;
        margin-left: 24rpx;
        margin-right: 90rpx;
      }

      .but {
        display: inline-block;
        line-height: 52rpx;
        width: 60rpx;
        height: 40rpx;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 4rpx;
        // background: url("https://pic.bangbangtongcheng.com/static/name.png");
        // background-size: 100% 100%;
        font-size: 24rpx;
        color: #ffffff;
        text-align: center;
        line-height: 40rpx;
      }

      .xuan {
        background: #64b6a8;
        color: #fff;
      }
    }
  }

  .mingpian {
    position: relative;
    width: 690rpx;
    height: 200rpx;
    background: #ffffff;
    box-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.16);
    border-radius: 18rpx;
    margin-top: 40rpx;
    margin-left: 30rpx;

    .name {
      position: absolute;
      top: 50rpx;
      left: 174rpx;
      font-size: 36rpx;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 85px;
      white-space: nowrap;
    }

    .img1 {
      position: absolute;
      top: 44rpx;
      left: 30rpx;
      width: 120rpx;
      height: 120rpx;
      border-radius: 50%;
    }

    .img2 {
      position: absolute;
      top: 132rpx;
      left: 40rpx;
      width: 100rpx;
      height: 36rpx;
      background: url('https://pic.bangbangtongcheng.com/static/name.png');
      background-size: 100% 100%;
      font-size: 20rpx;
      color: #fff;
      text-align: center;
      line-height: 36rpx;
    }

    .zhiwei {
      position: absolute;
      top: 132rpx;
      left: 54rpx;
      font-size: 20rpx;
      color: #fff;
    }

    .xin {
      position: absolute;
      top: 112rpx;
      left: 170rpx;

      .img3 {
        width: 40rpx;
        height: 40rpx;
      }
    }

    .img4 {
      position: absolute;
      width: 54rpx;
      height: 54rpx;
      top: 50rpx;
      left: 320rpx;
    }

    .img5 {
      position: absolute;
      width: 54rpx;
      height: 54rpx;
      top: 50rpx;
      left: 380rpx;
    }

    .weigui {
      position: absolute;
      top: 50rpx;
      left: 470rpx;
      width: 180rpx;
      height: 100rpx;
      border-left: 2rpx solid #e0e0e0;

      p {
        width: 100%;
        height: 56rpx;
        line-height: 56rpx;
        text-align: center;
        color: #e00000;
        font-size: 56rpx;
      }

      image {
        position: absolute;
        width: 14rpx;
        height: 26rpx;
        top: 72rpx;
        right: 0rpx;
      }
    }

    .bottom_b {
      position: fixed;
      width: 750rpx;
      height: 120rpx;
      background-color: #fff;
      bottom: 0;
      left: 0rpx;
      border-top: 2rpx solid #f3f3f3;

      view {
        position: absolute;
        width: 200rpx;
        height: 70rpx;
        border-radius: 36rpx;
        text-align: center;
        line-height: 70rpx;
        color: #fff;
      }

      .but1 {
        background: #ea4b4b;
        text-indent: 50rpx;
        top: 26rpx;
        right: 254rpx;

        image {
          position: absolute;
          width: 54rpx;
          height: 54rpx;
          left: 16rpx;
          top: 8rpx;
        }
      }

      .but2 {
        background: #64b6a8;
        top: 26rpx;
        right: 30rpx;
      }
    }
  }

  .bottom {
    position: fixed;
    width: 100%;
    background-color: #fff;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: calc(8rpx + env(safe-area-inset-bottom) / 2);
    padding-top: 20rpx;
    border-top-right-radius: 30rpx;
    border-top-left-radius: 30rpx;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);

    .bottom_left {
      flex: 1;
      display: flex;
      justify-content: space-around;

      .img {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-left: 25rpx;

        image {
          width: 54rpx;
          height: 54rpx;
        }

        p {
          font-size: 24rpx;
        }
      }
    }

    .but {
      // position: absolute;
      // width: 200rpx;
      // height: 70rpx;
      // border-radius: 36rpx;
      // text-align: center;
      // line-height: 70rpx;
      // color: #fff;
      // background: #64b6a8;
      margin-right: 25rpx;
      // top: 26rpx;
      // right: 30rpx;
      font-weight: 500;
      font-size: 32rpx;
      color: #ffffff;
      text-align: center;
      width: 260rpx;
      height: 90rpx;
      line-height: 90rpx;
      background: #0fa291;
      border-radius: 45rpx;
      border: 1rpx solid #0fa291;
      margin-left: 40rpx;
      display: flex;
      align-items: center;
      justify-content: center;

      image {
        width: 32rpx;
        height: 29rpx;
        margin-right: 10rpx;
      }
    }
  }

  .jieshao {
    width: 100%;
    // height: 140rpx;
    //border-bottom: 20rpx solid #f2f2f2;
    padding: 30rpx 0rpx;
    display: flex;
    align-items: center;

    p {
      display: inline-block;
    }

    .p1 {
      margin-left: 30rpx;
      margin-right: 20rpx;
      padding-right: 20rpx;
      border-right: 1rpx solid #999999;
      font-weight: 500;
      font-size: 32rpx;
      color: #000000;
    }

    .p2 {
      font-weight: 400;
      font-size: 28rpx;
      color: #000000;
      width: 510rpx;
      word-break: break-all;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1; //想要的行数
      -webkit-box-orient: vertical;
    }
  }

  .zbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99999;

    .tan {
      position: absolute;
      width: 600rpx;
      height: 300rpx;
      background-color: #fff;
      border-radius: 10rpx;
      top: 34%;
      left: 75rpx;

      .text {
        width: 100%;
        text-align: center;
        margin-top: 80rpx;
        font-size: 34rpx;
      }

      .xiao {
        position: absolute;
        width: 160rpx;
        height: 60rpx;
        background: #ffffff;
        border: 2rpx solid #64b6a8;
        border-radius: 37rpx;
        left: 118rpx;
        bottom: 54rpx;
        text-align: center;
        line-height: 60rpx;
        color: #64b6a8;
      }

      .tong {
        position: absolute;
        width: 160rpx;
        height: 60rpx;
        background: #64b6a8;
        border-radius: 37rpx;
        right: 118rpx;
        bottom: 54rpx;
        text-align: center;
        line-height: 60rpx;
        color: #fff;
      }

      .guan {
        position: absolute;
        width: 58rpx;
        height: 58rpx;
        border: 4rpx solid #ffffff;
        border-radius: 50%;
        left: 50%;
        transform: translateX(-50%);
        bottom: -100rpx;
        text-align: center;
        line-height: 48rpx;
        color: #fff;
        font-size: 54rpx;
      }
    }
  }

  .box {
    width: 100%;
    padding-bottom: 120rpx;
    //background-color: #fff;
    min-height: 100vh;
    background-image: url(https://pic.bangbangtongcheng.com/static/MyHomePages/bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .tou {
    position: fixed;
    top: 0;
    width: 100%;
    // height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    font-size: 36rpx;
    color: #fff;
    // background-color: rgba(0, 0, 0, 0);
    z-index: 9999;

    .image1 {
      width: 32rpx;
      height: 32rpx;
      z-index: 100000;
      // position: absolute;
      // left: 20rpx;
      // top: 25rpx;
      margin-left: -10rpx;
      /* #ifdef MP-WEIXIN */
      // top: 28rpx;
      //   /* #endif */
    }

    .titlett {
      position: absolute;
      font-weight: 500;
      font-size: 32rpx;
      color: #000000;
      left: 70rpx;
      /* #ifdef MP-WEIXIN */
      // position: absolute;
      // width: 100%;
      text-align: center;
      top: 0rpx;
      //   /* #endif */
    }

    .image2 {
      position: absolute;
      width: 30rpx;
      height: 30rpx;
      top: 38rpx;
      left: 380rpx;
    }
  }

  .nav .cu-item {
    padding: 0 2rpx;
    height: 57rpx;
    line-height: 57rpx;
    border-bottom: none !important;
  }

  .cu-item1 {
    height: 90rpx;
    line-height: 90rpx;
  }

  .cu-item .img {
    width: 100rpx;
    height: 100rpx;
    margin-left: 50%;
    transform: translateX(-50%);
  }

  .cu-item text {
    font-size: 28rpx;
    color: #333333;
  }

  .list {
    margin-top: 30rpx;
    margin-left: 30rpx;
    width: 720rpx;

    // min-height: 600rpx;
    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 12rpx;
    }

    .li {
      width: 96%;
      padding-bottom: 18rpx;
      border-bottom: 2rpx solid #e0e0e0;
      margin-bottom: 34rpx;

      image {
        width: 300rpx;
        height: 200rpx;
      }

      .li_1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;

        .tit {
          width: 366rpx;
          font-size: 34rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
        }

        .jiedao {
          width: 366rpx;
          height: 68rpx;
          font-size: 24rpx;
          margin-bottom: 14rpx;
          color: #666666;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
        }

        .shijian {
          bottom: 4rpx;
          font-size: 26rpx;
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }

    .bottom_b {
      position: fixed;
      width: 750rpx;
      height: 120rpx;
      background-color: #fff;
      bottom: 0;
      left: 0rpx;
      border-top: 2rpx solid #f3f3f3;

      view {
        position: absolute;
        width: 200rpx;
        height: 70rpx;
        border-radius: 36rpx;
        text-align: center;
        line-height: 70rpx;
        color: #fff;
        text-indent: 50rpx;

        image {
          position: absolute;
          width: 54rpx;
          height: 54rpx;
          left: 16rpx;
          top: 8rpx;
        }
      }

      .but1 {
        background: #ea4b4b;
        top: 26rpx;
        right: 254rpx;
      }

      .but2 {
        background: #64b6a8;
        top: 26rpx;
        right: 30rpx;
      }
    }
  }

  .list_1 {
    margin-top: 30rpx;
    margin-left: 30rpx;
    width: 720rpx;
    min-height: 600rpx;

    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 24rpx;
    }

    .li {
      width: 96%;
      padding-bottom: 18rpx;

      image {
        width: 300rpx;
        height: 200rpx;
      }

      .li_1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;

        .tit {
          width: 366rpx;
          height: 140rpx;
          font-size: 34rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3; //想要的行数
          -webkit-box-orient: vertical;
        }

        .shijian {
          bottom: 4rpx;
          font-size: 26rpx;
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }

    .bottom_b {
      position: fixed;
      width: 750rpx;
      height: 120rpx;
      background-color: #fff;
      bottom: 0;
      left: 0rpx;
      border-top: 2rpx solid #f3f3f3;

      view {
        position: absolute;
        width: 200rpx;
        height: 70rpx;
        border-radius: 36rpx;
        text-align: center;
        line-height: 70rpx;
        color: #fff;
        text-indent: 50rpx;

        image {
          position: absolute;
          width: 54rpx;
          height: 54rpx;
          left: 16rpx;
          top: 8rpx;
        }
      }

      .but1 {
        background: #ea4b4b;
        top: 26rpx;
        right: 254rpx;
      }

      .but2 {
        background: #64b6a8;
        top: 26rpx;
        right: 30rpx;
      }
    }
  }

  .hui {
    position: fixed;
    right: 30rpx;
    bottom: 154rpx;
    display: flex;
    align-items: center;
    padding: 10rpx 20rpx;
    background-color: #fff;
    border-radius: 34rpx;
    font-size: 26rpx;
    box-shadow: 0px 0px 36rpx rgba(0, 0, 0, 0.16);

    image {
      width: 46rpx;
      height: 46rpx;
      margin-right: 18rpx;
    }
  }

  .view {
    position: relative;
    font-size: 26rpx;
    border: 0;
    color: #333333;
    margin-right: 0;

    image {
      position: absolute;
      width: 44rpx;
      height: 24rpx;
      top: 66rpx;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .cur {
    color: #64b6a8;
    border: 0;
    // transform: scale(1.1);
  }

  .xian {
    width: 690rpx;
    height: 1rpx;
    margin-left: 30rpx;
    background-color: #e0e0e0;
  }

  .down {
    height: 60rpx;
    line-height: 60rpx;
    // border-top: 2rpx solid #d0d0d0;
    text-align: center;
  }

  .none {
    text-align: center;

    image {
      width: 430rpx;
      margin-bottom: 16rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
    }
  }

  .fenxiang {
    // position: fixed;
    font-size: 15px;
    font-weight: 900;
    // top: 5%;
    // right: 5%;
    z-index: 10;
  }

  .mzsm {
    font-size: 24rpx;
    color: #a19898;
    // margin-left:50rpx;
    word-break: break-all;
    margin-top: 16rpx;
    // overflow: hidden;
    // text-overflow: ellipsis;
    // display: -webkit-box;
    // -webkit-line-clamp: 2;
    // -webkit-box-orient: vertical;
    margin-bottom: 24rpx;
    // margin-right: 20rpx;
    //transform: scale(0.85);
    padding: 0rpx 20rpx;
    line-height: 36rpx;
  }

  .jubao {
    position: absolute;
    top: -20rpx;
    right: 60rpx;

    image {
      width: 58rpx;
      height: 58rpx;
    }

    view {
      text-align: center;
      font-size: 24rpx;
      color: #333333;
    }
  }

  .vip-rank {
    width: 120rpx;
    padding: 3rpx 10rpx;
    margin: 0 18rpx 0 0;
    background: #f6f0ff;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    opacity: 1;
    border: 2rpx solid #bd90d9;
    font-size: 24rpx;
    font-weight: 500;
    color: #bd90d9;
  }

  .zhaopin {
    .list {
      margin-top: 30rpx;
      padding: 0 30rpx 0 0;
      box-sizing: border-box;
      // width: 100%;

      .tit {
        color: #333333;
        font-size: 36rpx;
        margin-bottom: 12rpx;
      }

      .vacancy {
        width: 100%;
        padding-bottom: 30rpx;
        margin-bottom: 30rpx;
        border-bottom: 1px solid #e0e0e0;

        .vehicleRecom {
          font-size: 36rpx;
          font-weight: 600;
          color: #333333;
          line-height: 44rpx;
          word-break: break-all;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;

          .tagLabel {
            vertical-align: top;
            background: #64b6a8;
            color: #fff;
            font-size: 24rpx;
            text-align: center;
            width: 106rpx;
            margin-right: 10rpx;
            padding: 2rpx 6rpx;
            border-radius: 4rpx;
          }
        }

        .vacancy_center {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 16rpx;

          .vacancy_status {
            span {
              font-size: 28rpx;
              font-weight: 400;
              color: #333333;
            }

            span:nth-child(1) {
              margin-right: 16rpx;
            }
          }

          .vacancy_price {
            font-size: 30rpx;
            font-weight: 550;
            color: #e00000;
          }
        }

        .vacancy_biaoq {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 16rpx;

          .vacancy_label {
            flex: 1;
            height: 48rpx;
            position: relative;
            overflow: hidden;
            white-space: nowrap;

            .shade {
              position: absolute;
              right: 0;
              top: 0;
              width: 100rpx;
              height: 48rpx;
              background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
            }

            .label {
              display: inline-block;
              padding: 10rpx;
              background-color: #f0f0f0;
              margin-right: 10rpx;
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
              border-radius: 4rpx;
            }

            .label:nth-last-child(1) {
              margin-right: 0rpx;
            }
          }

          .gend {
            text-align: right;
            width: 80rpx;
            height: 100%;
            font-size: 24rpx;
            color: #888888;
          }
        }

        .personalInformation {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 28rpx;

          .personalInformation_left {
            display: flex;
            flex-direction: column;
            width: 75%;

            .personalInformation_image {
              width: 42rpx;
              height: 42rpx;
              border-radius: 42rpx;
              margin-right: 12rpx;
            }

            .GR {
              display: flex;
              align-items: center;

              .name {
                flex: 1;
                font-size: 24rpx;
                font-weight: 400;
                color: #333333;
              }
            }

            .GS {
              display: flex;
              align-items: center;

              .corporation {
                flex: 1;
                font-size: 24rpx;
                font-weight: 400;
                color: #333333;
              }
            }
          }

          .personalInformation_right {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            width: 25%;

            .personalInformation_Time {
              white-space: nowrap;
              font-size: 24rpx;
              font-weight: 400;
              color: #888888;
              margin-bottom: 6rpx;
              text-align: right;
            }

            .personalInformation_distance {
              font-size: 24rpx;
              font-weight: 400;
              color: #888888;
              text-align: right;
            }
          }
        }
      }

      .vacancy:last-child {
        border-bottom: 0rpx solid #e0e0e0;
      }

      .li {
        display: flex;
        align-items: center;
        padding-bottom: 18rpx;
        border-bottom: 2rpx solid #e0e0e0;
        margin-bottom: 34rpx;

        image {
          background-color: #f8f8f8;
          width: 300rpx;
          height: 200rpx;
          border-radius: 20rpx;
        }

        .li_1 {
          margin-left: 24rpx;
          height: 200rpx;

          .tits {
            width: 366rpx;
            font-size: 34rpx;
            font-weight: 600;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2; //想要的行数
            -webkit-box-orient: vertical;
          }

          .neirong_1 {
            width: 366rpx;
            font-size: 24rpx;
            color: #666666;
            display: flex;
            align-items: center;

            .price {
              color: red;
              font-size: 30rpx;
              font-weight: 600;
            }

            .neir_css {
              flex: 1;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 1; //想要的行数
              -webkit-box-orient: vertical;
            }

            .neir_css:nth-child(2n) {
              margin-left: 10rpx;
            }

            .neir_css:nth-child(2n-1) {
              margin-right: 10rpx;
            }
          }
        }
      }

      .li:last-child {
        border-bottom: 0rpx solid #e0e0e0;
      }
    }
  }
</style>
